<template>
  <!--------------------- 商品列表项 --------------------
* @auto kyle
* @date 2020-12-20
  -->
  <div class="bg-white pd-24 mb-24 flex br-8 pos-r" @click="click(data)">
    <img-box class="is-140 br-10 flex-s-0" :img-url="data.ThumbnailUrl60" />
    <div class="flex-1 pl-24">
      <p class="fw-b fs-28 text-show-line-3">{{ data.ProductName }}</p>
    </div>
  </div>
</template>

<script>
import imgBox from 'components/imgBox'
export default {
  name: 'ProductItem',
  components: { imgBox },
  props: {
    data: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
  data() {
    return {
      headUrl: ''
    }
  },

  computed: {

  },

  methods: {
    click(data) {
      this.$emit('click', data)
    }
  }
}
</script>
<style lang="scss" scoped>
  .level{
    font-size: 20px;
    color: #fff;
    margin-left: 10px;
    padding: 2px 8px ;
    border-radius: 40px 40px 40px 0;
  }
</style>

